<template>
	<view class="box" @tap.stop.prevent="reed">
		<view class="container">
			<view class="" style="margin: 10rpx 0 30rpx 10rpx;font-size: 1.1rem;">
				温馨提示
			</view>
			<view class="" style="margin: 10rpx 0 30rpx 10rpx;">
				目前已经进入高考填报期，为更好地服务高考考生，非高三用户即日起至填报结束，部分功能暂不可用。给您带来不便，敬请谅解！
			</view>
			<view class="btns">
				<text class="btn-text" @tap="reed">我已阅读并知晓</text>
			</view>
		</view>

	</view>
</template>
<script>
	export default {
		data() {
			return {}
		},
		methods: {
			reed() {
				this.$emit("colse_gkb")
				uni.showTabBar()
			}
		},
		mounted() {
			uni.hideTabBar()
		}
	}
</script>
<style lang="scss" scoped>
	.box {
		height: 100vh;
		width: 750rpx;
		position: fixed;
		top: 0;
		z-index: 999999999999;
		background-color: rgba(0, 0, 0, 0.2) !important;
		background: transparent;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.container {
		border-radius: 30rpx;
		background-color: white;
		height: 330rpx;
		width: 600rpx;
		padding: 20rpx;
		font-size: 0.812rem;
		// position: fixed;
		// top: 400rpx;
		// left: 50%;
		z-index: 99;
		// transform: translate(-50%, -50%);
		// margin-left: 75rpx;

		.btns {
			background-color: #ff3554;
			width: 400rpx;
			border-radius: 30rpx;
			height: 70rpx;
			margin: 0 auto;
			text-align: center;

			.btn-text {
				line-height: 70rpx;
				color: #f5f5f5;
			}
		}
	}

	// .container image {
	// 	height: 200rpx;
	// 	width: 200rpx;
	// 	border-radius: 40rpx;
	// }
</style>